html, body{font-size:13px;font-family:arial,PMingLiu;}
fieldset {margin:5px 0;padding:10px;background-color:#fafafa;}
legend {padding:0.2em 0.5em;border:1px solid #7EA5D4;color: #7EA5D4;}
textarea {width:300px;height:80px;}
input {font-size:1em;}
ins{text-decoration:none;}
em{font-style:normal;}
strong{font-weight:bold;}
h1,h2,h3,h4,h5{font-weight:bold;}
table{width:100%;}

/* links */
a,a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}

.cms-header h1{float:left;}
.cms-header a{text-decoration: none;padding: 5px 10px;display: block;cursor:pointer;}
.cms-header ul{margin: 0;padding: 0;list-style: none;}
.cms-header>ul>li{border:none;float:left;height:27px;}
.cms-header ul.submenu{position:absolute;z-index: 999999;display: none;}
.cms-header ul.submenu li{float:none;border-width:0;}
.cms-header ul.submenu li a{color:#222;}
.cms-header .separator{margin:2px 0;}
.cms-header .separator hr{margin:0 5px;border-top:0;height:0;}
.cms-header li.ui-state-hover ul.submenu{display:block;min-width:64px;}

/*table component */
.cms-table caption{padding:2px;}
.cms-table th, .cms-table td{padding:5px 10px;}
.cms-table th.ui-widget-header{background:none;}
.cms-table th{text-align:center;}
.cms-table th.grid-1{width:5%;}
.cms-table th.grid-2{width:10%;}
.cms-table th.grid-3{width:15%;}
.cms-table th.grid-4{width:20%;}
.cms-table th.grid-5{width:25%;}
.cms-table th.grid-6{width:30%;}
.cms-table th.grid-7{width:35%;}
.cms-table th.grid-8{width:40%;}
.cms-table th.grid-9{width:45%;}
.cms-table th.grid-10{width:50%;}

/*dialog component */
.ui-dialog .cms-dialog{padding:0;overflow:hidden;text-align:left;}


/* jqgrid component */
.cms-jqgrid a.cms-btn-notext{padding:2px;}

/* fix bug of jQury UI' icon background image. Awful !  */
.ui-icon-triangle-1-s { background-position: -65px -16px; }
/* fix jqgrid for firefox3.6 */
.ui-jqgrid table.ui-jqgrid-btable{border-collapse:separate;}
/* increase the priority in case of overridden by jquery ui */
.cms-jqgrid .ui-jqgrid{font-size:11px;}

/* highlight text field while focus */
input[type=text]:focus,
input[type=password]:focus,
textarea:focus{background-color:#ffa;}
input[disabled]:focus,
textarea[disabled]:focus,
input[readonly]:focus,
textarea[readonly]:focus{background-color:#d6d5d9;}

form input.error,textarea.error{border:2px solid red;}


/* form common style */
form .hd h2{height:27px;line-height:27px;padding-left:20px;}
form .bd{padding:10px;}
form .grid-l{padding-right:10px;}
form .cms-btn{min-width:100px;height:24px;cursor:pointer;margin-right:15px;padding-left:5px;padding-right:5px;}
form fieldset .btn{width:70px;}
form select{width:200px;height:20px;}
form select[multiple]{height:auto;}
form .text{width:196px;}
form .cms-form-item textarea{width:190px;overflow-y:hidden;}
form .cms-form-item-1c textarea{width:656px;overflow-y:hidden;}
form .cms-form-item p{width:240px;word-wrap:break-word;overflow:hidden;}
form .cms-form-item-1c p{width:700px;}
form .cms-form-item ul{margin-bottom:5px;padding:5px;min-height:20px;width:188px;max-width:265px;}
form .cms-form-item-1c ul{max-width:649px;min-width:262px;width:auto;}
form .cms-form-item-1c table{width:700px;}
form .cms-form-item-1c select{width:155px;}
form .cms-form-item li{padding:1px 0;}
form .cms-form-item li a{padding-left:10px;}
form .cms-buttons{padding:25px;display:block;clear:both;}
form .cms-buttons input{margin-left:20px;}

/* custome form item component */
.cms-custom-item a{color:blue;}

.cms-textfield.cms-form-item-1c input[type="text"]{width:614px;}

.cms-fieldset{clear:both;margin:15px 0;}
.cms-filter .cms-buttons{padding:10px;}

/* separator component  */
form .cms-separator{clear:both;display:block;height:auto;overflow:hidden;}
form .cms-separator hr{border-style:none;border-width:0 0 1px;height:0;margin:5px;}
form .cms-separator.none{height:0;}
form .cms-separator.solid hr{border-style:solid;}
form .cms-separator.dashed hr{border-style:dashed;}
form .cms-separator.dotted hr{border-style:dotted;}

/* datepicker component  */
input.cms-datepicker{width:89px;}

/* time component  */
input.cms-time{width:89px;}

/* HHMMSS time component  */
.cms-time-hhmmss input{width:89px;}

/* NumAndUnit component */
.cms-numandunit .cms-numandunit-num{width:120px;}
.cms-numandunit .cms-numandunit-unit{width:70px;}

/* DenyList component */
.cms-denylist label{margin-right:15px;}
.cms-denylist select{margin-top:5px;}

/* DragToSort component */
.cms-dragtosort{width:440px;padding:10px;}
.cms-dragtosort h3{text-align:center;line-height:25px;}
.cms-dragtosort ul{margin:auto;}
.cms-dragtosort li{margin:4px 0;padding:5px 5px 5px 25px;min-height:18px;}
.cms-dragtosort li span{margin-left:-20px;position:absolute;}
.cms-dragtosort li em{display:inline-block;}

/* Editable List */
.cms-editable-list a.btn{height:18px;padding:2px 0 0 0;text-align:center;}
.cms-editable-list a.btn.add{padding:2px 10px;}
.cms-editable-list a.addpop{display:block;margin:2px 0 0 0;}
.cms-editable-list input.editable{width:150px;}
.cms-editable-list a.btn-up,.cms-editable-list a.btn-dn{height:15px;padding:0;margin:0px;}
.cms-editable-list a.btn-up span,.cms-editable-list a.btn-dn span{margin:0;}
.cms-editable-list li .ui-state-hover, .cms-editable-list li .ui-state-focus{background:none;border:0;}
.cms-editable-list.combo input.editable{width:70px;}
.cms-editable-list.combo a.btn.addpop{display:inline-block;}


/* itme in a form */
.cms-form-item{padding:10px 10px 16px 10px;width:440px;*width:430px;float:left;margin:1px 0 0 1px;border:1px solid #fff;min-height:20px;}
.cms-form-item .grid-l,
.cms-form-item .grid-r{float:left;display:block;text-align:left;position:relative;}
.cms-form-item .grid-l{width:190px;}
.cms-form-item .grid-l label ins{color:#2191C0;position:absolute;left:-12px;}
.cms-form-item input,
.cms-form-item select{vertical-align:middle;}
.cms-form-item label{cursor:pointer;}
.cms-form-item label input{margin:0 7px 0 3px;}
.cms-form-item label ins sup{vertical-align:top;font-size:8px;margin-left:1px;}
.cms-form-item table td{border-width:0;text-align:right;padding:0;background:none;}
.cms-form-item table.checkbox td{text-align:left;padding:2px 15px 2px 0;}
.cms-form-item table.checkbox td label input{margin-right:2px;}
.cms-form-item-1c{width:900px;}
.cms-form-item label.error{display:block;width:250px;position:absolute;margin-left:0;line-height:1;color:red;}
.cms-form-item-1c label.error{width:595px;}

/* firstlastname  */
.cms-firstlastname input[type="text"]{width:60px;}
.cms-firstlastname ins.en,
.cms-firstlastname .en ins.cn{display:none;}
.cms-firstlastname ins.cn,
.cms-firstlastname .en ins.en{display:inline;}
.cms-firstlastname .last,
.cms-firstlastname .first{float:left;display:block;width:95px;}
.cms-firstlastname .en .last,
.cms-firstlastname .en .first{float:right;}


/* view mode */
form.view .cms-form-item p.textarea{width:200px;overflow-x:scroll;}
form.view .cms-form-item-1c p.textarea{width:660px;overflow-x:scroll;}


/* error component for backend validation */
.cms-com-err{padding:10px;}
.cms-com-err h3{padding:0 0 5px 0;}
.cms-com-err ol{}
.cms-com-err li{padding:3px 0;margin-left:20px;list-style-type:decimal;}

/* link button */
a.cms-btn{margin:0 2px;padding:2px 10px 2px 5px;text-decoration:none;white-space:nowrap;}
a.cms-btn:visited{_color:#fff;}
a.cms-btn:hover{text-decoration:none;}
a.cms-btn span{padding:8px;font-size:0px;display:inline;vertical-align:middle;margin-right:3px;}


/* module   */
.cms-mod{padding:2px;margin-top:10px;}
.cms-mod .hd h2{height:27px;line-height:27px;padding-left:20px;}
.cms-mod .bd{padding:10px;}

/* fileUpload */
.cms-fileupload .grid-r a{text-decoration:underline;}
.cms-fileupload .preview{margin-top:5px;}
.cms-fileupload .preview img{max-width:220px;}

/* checkbox */
.cms-checkbox table{display:block;width:240px;}

/* dditableList */
.cms-editable-list table td{text-align:center;padding:3px 5px;border:#7f9db9 1px solid;}
.cms-editable-list table th{text-align:left;;padding:3px 10px;border:#7f9db9 1px solid;}
.cms-editable-list .con{padding-top:5px;}
.cms-editable-list .text-item{width:120px;}
.cms-editable-list .add-item,.cms-editable-list .select-item{padding:2px 5px;}
.cms-editable-list .move-up,.cms-editable-list .move-down{display:inline-block;zoom:1;display:inline;}
.cms-editable-list .move{padding-left:5px;padding-right:5px;width:40px;}

/*
** country list
*/
.cms-countrylist .grid-r{width:660px;}
.cms-countrylist .list{border: 1px solid #A6C9E2;padding:6px 8px;line-height:20px;margin-bottom:5px;}
.cms-countrylist .list dl{border-bottom:1px solid #A6C9E2;overflow:hidden;margin-bottom:-1px;padding:5px 0;}
.cms-countrylist .list dl.a{padding:5px 0;}
.cms-countrylist .list .b{margin-left:40px;display:block;}
.cms-countrylist .list dt{float:left;width:80px;margin-bottom:-9999px;padding-bottom:9999px;overflow:hidden;}
.cms-countrylist .list dd{float:left;width:560px;text-align:left;}
.cms-countrylist .list dd dt{width:100px;}
.cms-countrylist .list dd dd{width:456px;}
.cms-countrylist .list dd p{position:relative;padding-right:20px;width:auto;float:left;margin-right:20px;}
.cms-countrylist .ui-icon{display:inline;}
.cms-countrylist em{position:relative;padding-right:20px;white-space:nowrap;}
.cms-countrylist .list p{width:auto;}
.cms-countrylist .ui-icon-close{position:absolute;right:0px;top:0px;cursor:pointer;}
.cms-countrylist.ui-tabs .ui-tabs-nav li a{padding:0px;}
.cms-countrylist-pop{display:none;position:relative;}
.cms-countrylist-pop .subtabs{position:absolute;left:22px;top:46px;}
.cms-countrylist-pop .tabs{margin-bottom:35px;}
.cms-countrylist-pop .ui-tabs-nav li{padding:3px 4px;}
.cms-countrylist-pop .subtabs .ui-tabs-nav li{padding:2px 3px;}
.cms-countrylist-pop li a{padding:0px 6px; line-height:20px;}
.cms-countrylist-pop .list dd{width:670px;}
.cms-countrylist-pop .list dd p{width:330px;margin:0;padding:0;}
.cms-countrylist-pop dl.first p{line-height:2.2em;}
.cms-countrylist-pop dl.first .ui-button{float:right;}
.cms-countrylist-pop dl.end{border:0;}

/* popup module to show waiting status */
#cms-pop-waiting div.loading{background: #fcfdfd url(images/ajax-loader1.gif) no-repeat 50% 50%;}
#cms-pop-waiting div.loading p{visibility:hidden;}
#cms-pop-waiting .bd{background:none;height:100px;}
#cms-pop-waiting p{color:#2E6E9E;line-height:90px;text-align:center;font-size:20px;font-weight:bold;}

/* masthead module */
#masthead{margin:10px 0;height:50px;}
#masthead .hd{float:left;padding-top:10px;}
#masthead .bd{float:left;height:35px;}
#masthead .bd h1{color:#777;font-size:18px;padding:10px 0 0 20px;}
#masthead .ft{float:right;padding-top:8px;}
#masthead em{font-weight:bold;}
#masthead .logo{width:157px;height:35px;background:url(images/home_logo.gif);}

/* footer */
#footer{margin-top:10px;}
#footer .hd{height:10px;*font-size:0;}
#footer .bd{height:40px;padding:10px;}
#footer .bd .logo{float:left;margin-right:5px;background:url(images/tvb_logo.gif);width:45px;height:37px;}
#footer .bd p{font-size:12px;line-height:15px;color:#666;padding-top:3px;}

/* self clear floated parent containers */
.cms-loading:after,
.cms-form-item:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cms-loading,
.cms-form-item
{zoom:1;} /* IE */

